<script>
export default{
  name:"index",
  data(){
    //神明画面中的数据，以键值对的形式
    return{
      a:"小米",
      b:10,
      c:0,
      result:0

    }
  },
  methods:{
    cal(){
      this.result=this.b*this.c
    }

  }

}
</script>

<template>
  <div>
    嘿嘿嘿{{a}}
  <br>
    <input type="text" v-model="a">
  <br>
    单价:<input type="text" v-model="b">
  <br>
    数量:<input type="text" v-model="c">
  <br>
    <button @click="cal">计算</button>
    总价为：<span>{{result}}</span>


  </div>


</template>

<style scoped lang="scss">

</style>
